<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>公司</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="/resources/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/resources/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="/resources/css/amazeui.min.css" />
    <script src="/resources/js/jquery.min.js"></script>

    <style type="text/css">
    html,body{
        height: 100%;
    }
    .active{
        background-color:#dddddd;
        color:red; 
    }
    </style>

</head>

<body>
<!-- 顶部 -->
    <%--<div style="background-color:#82a6f5;height:8%;">--%>
        <%--<span style="line-height:50px;font-size:16px;position:absolute;left:45%;color:white;">公司介绍</span>--%>
    <%--</div>--%>
<!-- 中间 -->
    <div id="center" style="width:100%;height:92%;overflow:auto;">
                <div style="width: 150px;height: 20%;margin-left:auto;margin-right:auto;">
                        <img src="/resources/img/111.jpg">
                </div>
                <div style="height:80%;width: 100%;margin-top: 5%">
                    ${appInfo.content}
                </div>
    </div>
<!-- 底部 -->
    <div class="am-g" style="background-color:rgba(255,255,255,0);border-color:#dddddd;height: 8%">
                <div id="company" class="am-u-sm-3 active" style="height:100%;border-radius:10px;">
                    <a href="#" style="display:block;color:#929292;margin-top:10px;"><b style="margin-left:30%;">公司</b></a>
                </div>
            <div id="news" class="am-u-sm-3" style="height:100%;border-radius:10px;">
                <a href="#" style="display:block;color:#929292;margin-top:10px;"><b style="margin-left:30%;">新闻</b></a>
            </div>
        <div id="stud" class="am-u-sm-3" style="height:100%;border-radius:10px;">
                    <a href="#" style="display:block;color:#929292;margin-top:10px;;"><b style="margin-left:30%;">学习</b></a>
                </div>
                <div id="content" class="am-u-sm-3" style="height:100%;border-radius:10px;">
                    <a href="#" style="display:block;color:#929292;margin-top:10px;"><b style="margin-left:30%;">我的</b></a>
                </div>
        </div>
    <script>
        $(document).ready(function(e){
            $("#company").click(function(){
                $(this).find("a").attr("href",'#');
            });
            $("#stud").click(function(){
                $(this).find("a").attr("href",'/s/study');
            });
            $("#content").click(function(){
                $(this).find("a").attr("href",'/c/centre');
            });
            $("#news").click(function(){
                $(this).find("a").attr("href",'/res/reserved');
            });
        })
    </script>
</body>

</html>
